
// Toggle Slider
$(document).ready(function() {
	$('#toggle').toggle(function() {
		$('#slider_panel').slideUp('slow');
		$('#toggle p').replaceWith('<p>pokazi heder</p>');
		$('#toggle img').replaceWith('<img src="images/arrow_up.png" />');
		$('div.clear').css('height','25px');
	}, function() {
		$('#slider_panel').slideDown('slow');
		$('#toggle p').replaceWith('<p>smanji heder</p>');
		$('#toggle img').replaceWith('<img src="images/arrow.png" />');
		$('div.clear').css('height','12px');
	});
	
// Changing gallery tabs - when user click VIDEO
	$('.video').click(function() {
		$('.photo_gallery').fadeOut('fast', function() {
			$('.video_gallery').fadeIn('slow');
		});
		$(this).removeClass('non_active');
		$('.photo').addClass('non_active');
		
		$('.video h2').addClass('video-icon-active');
		$('.video h2').removeClass('video-icon');
		$('.photo h2').addClass('photo-icon');
		$('.photo h2').removeClass('photo-icon-active');
	});
// Changing gallery tabs - when user click PHOTO
	$('.photo').click(function() {
		$('.video_gallery').fadeOut('fast', function() {
			$('.photo_gallery').fadeIn('slow');
		});
		$(this).removeClass('non_active');
		$('.video').addClass('non_active');
		
		$('.video h2').removeClass('video-icon-active');
		$('.video h2').addClass('video-icon');
		$('.photo h2').removeClass('photo-icon');
		$('.photo h2').addClass('photo-icon-active');
	});


});
